.topNav{position: relative; }
.topNav image{ position: absolute; width: 40rpx; height: 40rpx; right: 20rpx; top: 30rpx;}
.userlist{
	padding: 0rpx 20rpx;
}
.userlist .userListi{ margin-top: 20rpx; display: flex;}
.userlist .userListi .userIcon{ width: 96rpx; height: 96rpx; margin-right: 20rpx; position: relative;}
.userlist .userListi .userIcon image{ width: 100%; height: 100%; border-radius: 6rpx;}
.userlist .userListi .userIcon .tip{ width: 16rpx; height: 16rpx; background: #FF5964; border-radius: 16rpx; 
position: absolute; top: -8rpx; right: -8rpx;
}

.userlist .userListi .userName { display: block; flex: 1; padding-bottom: 40rpx;border-bottom: 1px solid #D8D8D8;}
.userlist .userListi .userName view:nth-child(1){ font-weight: bold; font-size: 32rpx; line-height: 38rpx;} 
.userlist .userListi .userName view:nth-child(2){ font-size: 26rpx; line-height: 31rpx; display: block; width: 100%; color: #A1A1A1; margin-top: 16rpx;} 
.userlist .userListi .userName view:nth-child(2) text{ float: right; font-size: 24rpx;}
.userlist .userListi:last-child .userName{ border: none;}


.telList{padding: 0rpx 0rpx;}
.telList .telListi{ margin-top: 28rpx; border-bottom: 1px solid #D8D8D8; padding: 0 20rpx; }
.telList .telListi:last-child{ border: none;}
.telList .telListi .userName{font-size: 32rpx; font-weight: bold; overflow: hidden; color: #0F0F0F; margin-bottom: 10rpx;}
.telList .telListi .userName text{ float: right; font-size: 24rpx; color: #A1A1A1; font-weight: 100;}
.telList .telListi .telTag{ display: flex; flex-wrap: wrap; margin-bottom: 20rpx;}
.telList .telListi .telTag view.tag{ display: flex; flex: 1; width: calc(100% - 352rpx); flex-wrap: wrap;}
.telList .telListi .telTag view.text{ display: flex; flex: 1; width: calc(100% - 360rpx); color: #3D3D3D;}
.telList .telListi .telTag view.tag view{ width: auto; background: ; margin-right: 16rpx; margin-bottom: 10rpx; background: #F7F7F7; color: #0F0F0F; border-radius: 6rpx; padding: 6rpx 16rpx;}
.telList .telListi .telTag view.getTel{ margin-left: 20rpx; width: 160rpx; height: 64rpx; line-height: 64rpx; border-radius: 6rpx; text-align: center; background: #E4F0FF; color: #0575FF;}
.telList .telListi .telTag view.callTel{ margin-left: 20rpx; width: 160rpx; height: 64rpx; line-height: 64rpx; border-radius: 6rpx; text-align: center; background: #0575FF; color: #FFFFFF;}

.noticelist{
	padding: 0rpx 0rpx;
}
.noticelist .noticeListi{ margin-top: 20rpx; display: flex; padding: 0rpx 20rpx;}
.noticelist .noticeListi .userIcon{ width: 104rpx; height: 104rpx; margin-right: 20rpx; position: relative;}
.noticelist .noticeListi .userIcon image{ width: 100%; height: 100%; border-radius: 6rpx;}
.noticelist .noticeListi .userIcon .tip{ 
	width: 44rpx; 
	height: 28rpx; 
	background: rgba(15, 15, 15, 0.5); 
	color: #fff;
	font-size: 20rpx;
	line-height: 28rpx;
	text-align: center;
	position: absolute; bottom: 0; 
	right: 0rpx;
	border-radius: 0px 0px 3px 0px;
}

.noticelist .noticeListi .userName {padding-bottom: 40rpx; border-bottom: 1px solid #D8D8D8; width: calc(100% - 124rpx);}
.noticelist .noticeListi .userName .name{ font-weight: bold; display: flex; width: 100%; font-size: 32rpx; line-height: 38rpx;} 
.noticelist .noticeListi .userName .name image{ width: 28rpx; height: 28rpx; margin-top: 10rpx; margin-left: 20rpx;}
.noticelist .noticeListi .userName .name .authMe{ color: #A1A1A1; font-size: 24rpx; font-weight: 100; margin-left: 10rpx;}
.time{ flex: 1; text-align: right; font-size: 24rpx; color: #A1A1A1; font-weight: 100;}
.noticelist .noticeListi .userName .tag{ 
	font-size: 26rpx; line-height: 31rpx; display: flex; color: #A1A1A1; margin-top: 14rpx; font-weight: 500;
} 
.noticelist .noticeListi .userName .tag view{ width: auto; background: ; margin-right: 16rpx; 
	background: #F7F7F7; color: #0F0F0F; border-radius: 6rpx; padding: 2rpx 16rpx;
}
.noticelist .noticeListi:last-child .userName{ border: none;}

.interList{ border-bottom: #D8D8D8 solid 1px; padding: 20rpx 20rpx 0rpx 20rpx; margin-bottom: 10rpx;}
.interList:last-child{border: none;}
.interList .title {display: flex;}
.interList .title text{
	display: block;
    background: #0575FF; height: 40rpx; line-height: 40rpx; text-align: center;
    color: #fff;
	width: 96rpx;
	font-size: 24rpx;
    border-radius: 6rpx;
	margin-right: 16rpx;
}
.interList .title text.t2{
	display: block;
    background: #A1A1A1; height: 40rpx; line-height: 40rpx; text-align: center;
    color: #fff;
	width: 96rpx;
	font-size: 24rpx;
    border-radius: 6rpx;
	margin-right: 16rpx;
}
.interList .title view {font-size: 36rpx;font-weight: bold; line-height: 43rpx;}
.interList .addr {
    display: flex;
    margin-top: 36rpx;
	overflow: hidden;
	justify-content: space-between;
	height: 60rpx;
	margin-bottom: 30rpx;
}
.interList .addr view:nth-child(1){display: flex; color: #A1A1A1;font-size: 24rpx; vertical-align: top;line-height: 60rpx;}
.interList .addr view:nth-child(1)::v-deep .u-icon{margin-right: 14rpx;}
.interList .addr view:nth-child(2){ color: #424242; font-size: 24rpx; float: right; height: 40rpx;}
.interList .addr view:nth-child(2) text{ font-size: 36rpx; color: #0575FF; padding: 0 12rpx; height: 40rpx;}


.messageList{ margin-top: 20rpx; display: flex; padding: 0rpx 20rpx;}
.messageList .mesIcon{ width: 104rpx; height: 104rpx; margin-right: 20rpx; position: relative;}
.messageList .mesIcon image{ width: 100%; height: 100%; border-radius: 6rpx;}
.messageList .mesCon{padding-bottom: 40rpx; border-bottom: 1px solid #D8D8D8; width: calc(100% - 124rpx);}
.messageList:last-child .mesCon{border: none;}
.messageList .mesCon .title{ font-weight: bold; font-size: 32rpx; line-height: 38rpx;}
.messageList .mesCon .title text{ float: right; color: #A1A1A1; font-size: 24rpx; font-weight: 100;}
.messageList .mesCon .con{ color: #A1A1A1; font-size: 24rpx; line-height: 30rpx; margin-top: 28rpx;
	text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow: ellipsis; 
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical
}

.lockMeList{ border-bottom: #D8D8D8 solid 1px; padding: 20rpx 20rpx 0rpx 20rpx; margin-bottom: 10rpx;}
.lockMeList:last-child{border: none;}
.lockMeList .title {display: flex;}
.lockMeList .title text{
	display: block;
    background: #0575FF; height: 40rpx; line-height: 40rpx; text-align: center;
    color: #fff;
	width: 96rpx;
	font-size: 24rpx;
    border-radius: 6rpx;
	margin-right: 16rpx;
}
.lockMeList .title text.t2{
	display: block;
    background: #A1A1A1; height: 40rpx; line-height: 40rpx; text-align: center;
    color: #fff;
	width: 96rpx;
	font-size: 24rpx;
    border-radius: 6rpx;
	margin-right: 16rpx;
}
.lockMeList .title view {font-size: 36rpx;font-weight: bold; line-height: 43rpx;}
.lockMeList .addr {
    display: flex;
    margin-top: 36rpx;
	overflow: hidden;
	justify-content: space-between;
	height: 60rpx;
	margin-bottom: 30rpx;
}
.lockMeList .addr view:nth-child(1){display: flex; color: #A1A1A1;font-size: 24rpx; vertical-align: top;line-height: 60rpx;}
.lockMeList .addr view:nth-child(1)::v-deep .u-icon{margin-right: 14rpx;}
.lockMeList .addr view:nth-child(2){ color: #424242; font-size: 24rpx; float: right; height: 40rpx;}
.lockMeList .addr view:nth-child(2) text{ font-size: 36rpx; color: #0575FF; padding: 0 12rpx; height: 40rpx;}
.lockMeMp{ background: #F3F3F3; padding: 0rpx 20rpx 20rpx 20rpx;}
.lockMeMp .list{ background-image: linear-gradient(#CBE2FF,#EEF6FF); height: 204rpx; border-radius: 16rpx; padding: 20rpx;}
.master-faceItem{ border-bottom: 1px solid #D8D8D8; padding-bottom: 20rpx;}
.master-item{padding: 20rpx;}
.master-infoTiele{
	width: 100%;background: linear-gradient(180deg, #CBE2FF -3%, #EEF6FF 99%);
	border-top:1rpx solid #0575FF;border-bottom: 1rpx solid #0575FF;
}
.contacts-address{padding: 10rpx 0rpx 0rpx 0rpx;}
.const-an{position: absolute;right: 0rpx;top: 0rpx;width: 144rpx;height: 48rpx;text-align: center;border: 1rpx solid #0575FF;
background-color: #ffffff;color: #0575FF;border-radius: 30rpx;}
.cnt-ico{position: absolute;right: 0rpx;top: 20rpx;line-height: 38rpx;color: #A1A1A1;font-size: 24rpx;}
.cnt-ico view{padding:15rpx 10rpx 0rpx 0rpx;}
.cnt-ico view label{display: block;width: 12rpx;height: 12rpx;background-color: #43B729;border-radius: 50%;}

.master-item{padding: 20rpx;}

.faceItem-ico{width: 104rpx;height: 104rpx;margin-right: 20rpx;border-radius: 6rpx;}
.faceItem-ico image{width: 104rpx;height: 104rpx; border-radius: 6rpx;}
.faceItem-ico label{display: inline-block;background-color: rgba(15, 15, 15,0.6);border-radius: 0px 0px 6px 0px;width: 44rpx;height: 28rpx;color: #ffffff;font-size: 20rpx;
position: absolute;right: 0rpx;bottom: 0rpx;line-height: 28rpx;text-align: center;}
.zhidding{display: inline-block;background-color: #FF5964;color: #FFFFFF;font-size: 24rpx;border-radius: 6rpx;text-align: center;width: 64rpx;height: 38rpx;
line-height: 38rpx;margin-right:15rpx;}
.faceText-t1{ margin-bottom: 18rpx;}
.faceText-t1 label{display: inline-block;padding: 0rpx 10rpx;}
.faceText-t1 label image{width: 40rpx;height: 40rpx;}
.faceText-t1 text{font-size: 24rpx;color: #A1A1A1;line-height: 38rpx;}
.master-name{font-size: 36rpx;color: #0F0F0F;font-weight: bold;line-height: 38rpx;}

.master-userinfo{font-size: 26rpx;color: #424242;}
.master-userinfo text{display: inline-block; padding: 0rpx 15rpx; position: relative;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
.master-userinfo text::before{ content: ''; height: 20rpx; width: 1rpx; background: #A1A1A1; position: absolute; right: 0; top: 14rpx;}
.master-userinfo text:last-child::before{ display: none;}
.master-userinfo text:first-child{ padding-left: 0;}

.mpBottom{ display: flex; justify-content: space-between; margin-top: 20rpx;}
.mpBottom{ color: #3D3D3D; font-size: 24rpx;}
.mpBottom view:nth-child(2){ color: #424242; font-size: 24rpx;}
.mpBottom view:nth-child(2) text{ color: #0575FF; font-size: 36rpx; padding: 0rpx 12rpx;}




